<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="03.css">
</head>
<body>
<p>
    <strong>警告：任何情况下不要接近僵尸。</strong>
    他们只是 <em>看起来</em> 很友好，实际上他们是为了吃你的胳膊！
</p>

<p>
    <i>我是斜体字</i>
    <b>我是粗体字</b>
</p>

<p><small>&copy; 2021 星图图书馆 保留所有权利.</small></p>


<p>
    <cite>《七龙珠》</cite>讲的是召唤神龙的故事。
</p>

<p>
    孟子曾经说过：
<blockquote>天将降大任于是人也...</blockquote>
他说的真对啊！
</p>

<p>孔子曾经说过：<q>学而时习之不亦说乎</q></p>

<p>
<pre>
    <code>
        function fun(){
        alert("hello");
        }
    </code>
</pre>
</p>

<!--有序列表-->
<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>

<!--无序列表-->
<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

<dl>
    <dt>定义项1</dt>
    <dd>定义描述1</dd>
    <dt>定义项2</dt>
    <dd>定义描述2</dd>
    <dt>定义项3</dt>
    <dd>定义描述3</dd>
</dl>

<div class="pink"></div>

<div class="orange"></div>

<div class="test1"></div>

<div class="test2"></div>

<div class="test3"></div>

<p class="sizetest">
    我是一个20px的文字
</p>

<p class="fontfamily">
    my name is zhangyf
</p>

<p class="test4">
    我是斜体字
</p>

<p class="test5">
    居中对齐
</p>

<p class="test6">
    居中
</p>
</body>
</html>
